<template>
  <div>
    {{qqq}}
    <p>{{length}}{{name}}</p>
    <ul>
      <li
        v-for='item in ary'
        ref='qqq'
      ></li>
    </ul>
  </div>
</template>
<script>
// @ is an alias to /src
let obj = {
  methods: {
    qq() {},
  },
};
export default {
  name: "XXX",
  inject: ["name"],
  mixins: [obj],
  data() {
    return {
      ary: [1, 2, 3],
      name: "珠峰",
      type: 333,
    };
  },
  created() {
    // console.log(this);
  },
  computed: {
    length() {
      return this.ary.length;
    },
  },
  mounted() {
    console.log(this.$refs.qqq.length);
    this.ary.pop();
    this.ary.push(99);
    this.ary.push(88);
    this.$nextTick(() => {
      console.log(this.$refs.qqq.length);
    });
  },
  components: {},
};
</script>
<style lang="less">
</style>